<script setup>
import {Location, Plus, Star} from "@element-plus/icons-vue";

</script>

<template>
  <div>
    <!-- 添加router属性 -->
    <el-menu router>
      <el-sub-menu index="1">
        <template #title>
          <el-icon><location/></el-icon>
          <span>线下课程</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/main/list?id=100&age=20"><el-icon><star/></el-icon>随堂视频</el-menu-item>
          <el-menu-item index="/main/upload/201"><el-icon><Plus/></el-icon>视频上传</el-menu-item>
        </el-menu-item-group>
      </el-sub-menu>
    </el-menu>
  </div>
</template>

<style scoped>
      .menu {
        height: 88vh;
      }
      h2 {
        background-color: #82b5f6;
        color: white;
        margin: 0;
        padding: 10px;
      }
</style>